<template>
<div style="padding-top:0.88rem;height:100vh;text-align:center">
<ylheader :leftsvg="true" :title="title" ></ylheader>
  <div class="backall" >
     <div >
      <img :src = "giftimg" class="gifticon" :class="{lvbimg:this.tag==2}">
    </div>
    <div class="bigtips" >
      <span>{{gifgbigtips}}</span>
    </div>
    <div  @click="submit" >
      <input name="input1" type="submit" value="好的" class="submitaddress" />
    </div>

  </div>

</div>
</template>
<script>
import axios from "axios";
import ylheader from "src/components/yl-header.vue";
export default {
  name:"submitresult",
  data() {
    return {
      title:"",
      gifgbigtips: "",
      tag:this.$route.query.tag,
      giftimg:""
    };
  },
  components: {
    ylheader
  },
  mounted() {
    this.init();
  },
  methods: {
    submit() {
      this.$router.go(-1);
    },
    init() {
      if(this.tag==0){
         this.giftimg = require("../../assets/redimg.png");
        this.gifgbigtips="兑换红包成功，我们会在3天内发送到您的账号中，请耐心等待";
        this.title = "兑换成功";
      }else if(this.tag==1){
        this.giftimg = require("../../assets/redimg.png");
        this.gifgbigtips="恭喜您抽中"+this.$route.query.prizeName+",我们会在3天内发送到您的账号中，请耐心等待";
        this.title = "中奖啦";
      }else if(this.tag==2){
        this.giftimg = require("../../assets/lvb-tan.png");
        this.gifgbigtips="恭喜您抽到"+this.$route.query.prizeName+",您可以在我的绿币中查看到账情况";
        this.title = "中奖啦";
      }
    },


  }
};
</script>
<style lang="less" scoped>

.buttonchild{
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center
}
.buttontext{
  background: #fb685b;
  width: 3rem;
  border-radius: 5px;
  color: #fffff0;
  font-size: 0.3rem;
}
.backall{
  position:fixed;
  top:25%;
  width:100%;
  height:100%
}
.submitaddress {
  border: none; 
  margin-top: 0.3rem;
  font-size: 0.4rem;
  width: 3.47rem;
  height: 0.84rem;
  background: #fb685b;
  border-radius: 3px;
  color: #fffff0;
  -webkit-appearance: none
}
.gifticon {
  width:2.1rem;
  height:2.1rem
}
.lvbimg{
  width: 1.86rem;
  height: 1.86rem;
}
.bigtips {
  font-size: 0.34rem;
  color: #3a3a3a;
  line-height: 0.52rem;
  margin:0.4rem 0.6rem 0 0.6rem
}

.backdiv {
  width: 100%;
  height: auto;
  border: none;
}

.backdiv img {
  width: 100%;
  height: 100%;
}
</style>


